@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font: 400 14px/1.5 Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}
address, cite, dfn, em, var, i {
	font-style: normal;
	font-weight: 400;
}
dfn {
	font-family: Arial;
}
ul, ol {
	list-style: none;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	transition: color .2s linear;
}
fieldset, img, button, input {
	border: 0 none;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	-webkit-appearance: none;
	border-radius: 0;
}
body {
	min-width: 320px;
	background: #f5f5f5;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-user-select: none;
	color: #000;
}

.icon {display: inline-block;width: 24px;height: 24px;overflow: hidden;font-size: 0;line-height: 0;background-color: #353535;}
.icon_tag_qi,
.icon_tag_shi,
.icon_tag_che,
.icon_tag_piao,
.icon_tag_piao--gray,
.icon_tag_ge,
.icon_star,
.icon_star::after,
.icon_filter,
.icon_path,
.icon_date,
.icon_distance,
.icon_truck_type,
.icon_truck_length,
.icon_truck_weight,
.icon_fa,
.icon_money,
.icon_tel,
.icon_message {background: url(../img/icon_info_truck.png) 0 0 no-repeat;background-size: 118px 106px;}
.icon_tag_qi,
.icon_tag_shi,
.icon_tag_che,
.icon_tag_piao,
.icon_tag_piao--gray,
.icon_tag_ge {width: 14px;height: 14px;margin-right: 3px;}
.icon_tag_qi {background-position: -16px 0;}
.icon_tag_shi {background-position: -33px 0;}
.icon_tag_che {background-position: -50px 0;}
.icon_tag_piao {background-position: -67px 0;}
.icon_tag_ge {background-position: -85px 0;}
.icon_filter {width: 16px;height: 17px;background-position: 0 -89px;}
.icon_path,
.icon_date,
.icon_distance,
.icon_money,
.icon_truck_type,
.icon_truck_length,
.icon_truck_weight,
.icon_fa {width: 15px;height: 15px;}
.icon_path {background-position: -41px -65px;}
.icon_date {background-position: -103px -65px;}
.icon_distance {background-position: -57px -65px;}
.icon_money {background-position: -81px -91px;}
.icon_truck_type {background-position: 0 -64px;}
.icon_truck_length {background-position: -81px -65px;}
.icon_truck_weight {background-position: -104px -65px;}
.icon_fa {background-position: -20px -65px;}
.icon_tel {width: 17px;height: 16px;background-position: -23px -90px;}
.icon_message {width: 17px;height: 16px;background-position: -49px -90px; }

.wrap {padding: 64px 0 0;}

.g_header {position: fixed;top: 0;left: 0;width: 100%;height: 64px;overflow: hidden;padding: 0 44px;line-height: 46px;font-size: 16px;text-align: center;background-color: #29aeef;color: #fff;box-sizing: border-box;z-index: 999;    padding-top: 20px;}
.g_header .side_opt_sub {position: absolute;top: 20px;right: 0;height: 44px;overflow: hidden;z-index: 2;}
.g_header .side_opt_sub .icon_edit {width: 44px;height: 44px;overflow: hidden;background: url(../img/icon_edit.png) 14px 13px no-repeat;background-size: 22px 18px;}
.g_header .chat {position: relative;display: block;width: 44px;height: 44px;padding-top: 13px;box-sizing: border-box;}
.g_header .chat .icon_chat {position: relative;display: block;width: 20px;height: 19px;overflow: hidden;margin: 0 auto;background: url(../img/icon_header.png) 0 0 no-repeat;background-size: 98px 19px;}
.g_header .chat b {position: absolute;top: 6px;right: 5px;width: 15px;height: 15px;overflow: hidden;border-radius: 50%;font-size: 9px;line-height: 16px;text-align: center;background-color: #e93134;color: #fff;}
.g_header .side_opt {position: absolute;top: 20px;left: 0;height: 44px;z-index: 2;}
.g_header .side_opt .icon_goBack {display: block;width: 44px;height: 44px;background: url(../img/icon_header.png) -75px 13px no-repeat;background-size: 98px 19px;box-sizing: border-box;}
.g_header .side_opt .sel_location {padding-left: 5px;}
.g_header .side_opt .sel_location .icon_arrow {width: 8px;height: 5px;overflow: hidden;vertical-align: middle;background: url(../img/icon_header.png) -34px -8px no-repeat;background-size: 98px 19px;}
.g_header .tit_tab {width: 150px;height: 30px;overflow: hidden;margin: 8px auto 0;text-align: center;line-height: 30px;border: 1px solid #fff;border-radius: 3px;box-sizing: border-box;}
.g_header .tit_tab span {float: left;width: 50%;height: 30px;color: #fff;}
.g_header .tit_tab span.current {color: #2bacee;background-color: #fff;}
.g_header .side_opt_sub .add_friend,
.g_header .side_opt_sub .show_more {display: block;width: 44px;height: 44px;text-align: center;padding-top: 7px;box-sizing: border-box;}
.g_header .side_opt_sub .show_more {padding-top: 4px;}
.g_header .side_opt_sub .icon_add {background: url(../img/icon_header.png) -54px 2px no-repeat;background-size: 97px 19px;}
.g_header .side_opt_sub .icon_more {width: 20px;height: 16px;background: url(../img/icon_more.png) 0 0 no-repeat;background-size: 20px 16px;}
.g_header .side_opt_sub .txt_link {margin-right: 10px;font-size: 14px;color: #fff;}

.g_header_2icon {padding: 0 88px;}
.g_header_2icon .side_opt_sub {width: 88px;}
.g_header_2icon .side_opt_sub .add_line {float: left;width: 44px;height: 44px;}
.g_header_2icon .side_opt_sub .chat {float: left;}
.g_header_2icon .side_opt_sub .add_line .icon_add {margin-top: 10px;margin-left: 10px;color: #fff;background: url(../img/icon_header.png) -54px 2px no-repeat;background-size: 98px 19px;border-radius: 3px;border: 1px solid #fff;-webkit-transform: scale(.8);transform: scale(.8);}

.wrap_footer {padding-bottom: 50px;}
.g_footer {position: fixed;bottom: 0;left: 0;width: 100%;height: 50px;border-top: 1px solid #aaa;background-color: #fafafa;}
.foot_menu {overflow: hidden;}
.foot_menu li {position: relative;float: left;width: 25%;padding: 33px 10px 10px;text-align: center;line-height: 1;box-sizing: border-box;}
.foot_menu a {font-size: 13px;color: #737373;}
.foot_menu .current a,
.foot_menu a:active {color: #28adee;}
.foot_menu a::after {position: absolute;top: 5px;left: 50%;width: 25px;height: 25px;margin-left: -13px;content: "";background: url(../img/icon_footer_menu.png) 0 0 no-repeat;
background-size: 109px 53px;}
.foot_menu .m_find a::after {background-position: -27px 1px;}
.foot_menu .m_list a::after {background-position: -56px 1px;}
.foot_menu .m_my a::after {background-position: -87px 4px;}
.foot_menu .current a::after,
.foot_menu a:active::after {background-position: 0 -30px;}
.foot_menu .m_find.current a::after,
.foot_menu .m_find a:active::after {background-position: -27px -29px;}
.foot_menu .m_list.current a::after,
.foot_menu .m_list a:active::after {background-position: -56px -29px;}
.foot_menu .m_my.current a::after,
.foot_menu .m_my a:active::after {background-position: -87px -26px;}
.foot_menu .m_message,
.foot_menu .m_friend {width: 50%;height: 50px;padding-top: 15px;}
.foot_menu .m_message a,
.foot_menu .m_friend a {font-size: 16px;color: #737373;}
.foot_menu .m_friend {border-left: 1px solid #d9d9d9;}
.foot_menu li.current a {color: #28adee;}
.foot_menu .m_message a::after,
.foot_menu .m_friend a::after {display: none;}
.foot_menu .m_friend .icon,
.foot_menu .m_message .icon {width: 21px;height: 19px;margin-right: 3px;vertical-align: -2px;background: url(../img/icon_friend.png) -25px 0 no-repeat;background-size: 49px 43px;}
.foot_menu .m_friend .icon {background-position: -28px -22px;}
.foot_menu .m_friend.current .icon {background-position: 0 -22px;}
.foot_menu .m_message.current .icon {background-position: 0 0;}


.btn_save {display: block;width: 90%;height: 44px;overflow: hidden;margin: 20px auto 10px;line-height: 48px;font-size: 16px;text-align: center;background-color: #f80;color: #fff;border-radius: 5px;}

.mask_box {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.5);z-index: 1998;}
.pop_option {position: fixed;bottom: 0;left: 0;width: 100%;padding: 10px;box-sizing: border-box;z-index: 1999;}
.pop_option ul {overflow: hidden;margin-bottom: 8px;border-radius: 5px;}
.pop_option li,
.pop_option .btn_pop_cancel {width: 100%;height: 44px;overflow: hidden;line-height: 44px;text-align: center;color: #007bff;background-color: #fff;border: 0 none;border-radius: 5px;}
.pop_option li {margin-bottom: 1px;border-radius: 0;background-color: rgba(255,255,255,.7);}
.pop_option li:last-child {margin-bottom: 0;}